<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript">
            function onload_iframe(){
                alert("child:" + sessionStorage.getItem("child"));
            }
            
            function openOtherPage(){
                var other = window.open(location.href);
            }
            
            function clearSessionStorage(){
                sessionStorage.clear();
                alert("成功");
            }
            
            function showSessionStorage(){
                var s = "";
                for (var i = 0; i < sessionStorage.length; i++) {
                    var key = sessionStorage.key(i);
                    s += key + ":" + sessionStorage.getItem(key) + "\n";
                }
                alert(s);
            }
            
            function createCookie(){
                document.cookie = "kukkii=yes";
                alert("成功:" + document.cookie);
            }
            
            function removeCookie(){
                document.cookie = null;
                alert("成功");
            }
            
            function showCookie(){
                alert(document.cookie);
            }
            
            function addToStorage(){
                var key = document.getElementById("storageKey").value;
                if (!key) {
                    return;
                }
                sessionStorage.setItem(key, "hello");
                alert("成功");
            }
        </script>
    </head>
    <body>
        <h1>sessionStorageのサンプル</h1>
        <iframe src="storage-and-cookies-iframe.html" onload="onload_iframe()" width="300" height="300">
        </iframe>
        <input id="storageKey" type="text">
        <button onclick="addToStorage()">
            ストレージに値を追加
        </button>
        <br>
        <button onclick="showSessionStorage()">
            ストレージの内容を見る
        </button>
        <button onclick="clearSessionStorage()">
            ストレージをクリアする
        </button>
        <button onclick="openOtherPage()">
            違うページを開く
        </button>
        <button onclick="createCookie()">
            クッキー追加
        </button>
        <button onclick="removeCookie()">
            クッキー削除
        </button>
        <button onclick="showCookie()">
            クッキー表示
        </button>
    </body>
</html>
